<template>
	<view class="page">
       <view class="inputArea">
       	  <view class="inputItem mdTitle">
       	  	 <view class="name">
       	  	 	手机号
       	  	 </view>
			 
			 <view class="putIn">
			 	<input type="text" value="" placeholder="请输入新手机" />
			 </view>
       	  </view>
		  
		  <!-- 分割线 -->
		  <view class="smLine">
		  	
		  </view>
		  <view class="inputItem mdTitle">
		  	<view class="name">
		  		请输入验证码
		  	</view>
		  	
		  	<view class="putIn">
		  		<input type="text" value=""  placeholder="获取验证码"/>
		  	</view>
		  </view>
       </view>
	   
	   <!-- 确定修改 -->
	   <view class="isChange">
	   	  <button type="default" class="changeBtn">确认修改</button>
	   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
            
			}
		},

		methods: {
          isSure(){
			  this.$emit('isSure');
		  }
		},

		props: {

		}
	}
</script>

<style scoped lang='less'>
	
	.page{
		padding-top: 20upx;
		
		.isChange{
			width: 100%;
		    margin-top: 200upx;
		
		.changeBtn{
			width: 686upx;
			height: 80upx;
			background: linear-gradient(110deg, #3465B1 0%, #5577AE 100%);
			box-shadow: 0px 4upx 6upx rgba(33, 159, 255, 0.36);
			opacity: 1;
			border-radius: 150upx;
			color: #FFFFFF;

		}
			
		}
	}
	.inputArea{
		width: 100%;
		
		padding: 0 48upx;
		background: #FFFFFF;
		
		.inputItem{
			width: 100%;
			height: 104upx;
			align-items: center;
			display: flex;
			justify-content: space-between;
		}
	}
</style>
